<!-- Licensed under a BSD license. See license.html for license -->
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
    <title>Unit Circle</title>
    <link type="text/css" href="../resources/css/ui-lightness/jquery-ui-1.8.16.custom.css" rel="stylesheet" />
    <link type="text/css" href="../resources/webgl-tutorials.css" rel="stylesheet" />
    <style>
        #ui {
            width: 200px;
        }
    </style>
</head>

<body>
    <div class="description">
        Drag Circle
    </div>
    <div id="example"></div>
</body>
<script src="../resources/jquery-1.7.1.min.js"></script>
<script src="../resources/jquery-ui-1.8.16.custom.min.js"></script>
<script src="../resources/jquery.mousecapture.js"></script>
<script src="../resources/jquery-hq-circle.js"></script>
<!--
for most samples webgl-utils only provides shader compiling/linking and
canvas resizing because why clutter the examples with code that's the same in every sample.
See http://webglfundamentals.org/webgl/lessons/webgl-boilerplate.html
and http://webglfundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html
for webgl-utils, m3, m4, and webgl-lessons-ui.
-->
<!-- <script src="../resources/webgl-utils.js"></script> -->
<!-- <script src="../resources/lessons-helper.js"></script> -->
<!-- you can and should delete this script. it is only used on the site to help with errors -->
<script>
    "use strict";

    $(function () {
        $("#example").gmanUnitCircle({
            slide: function (e, u) {
                //console.log(u.x + ", " + u.y + ", " + u.angle);
            }
        });
    });
</script>

</html>